<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>MarketList Classification</title>
		<link href="css/common.css" rel="stylesheet" type="text/css"/>
		<link href="css/custom.css" rel="stylesheet" type="text/css" />
		<link href="css/UI.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery1.7.2.js"></script>
		
		<script type="text/javascript">
		$(document).ready(function(){
			$('#header').load('common/header.html','',function(){
				$("#header .menu li a").removeClass("current_page");
          		$("a#ml").addClass("current_page");
			});
			$('#footer').load('common/footer.html');
			$('#menuListBtn').click(function(){
				$(this).siblings('.menulist').slideToggle(100);
			});
			$(document).ready(function(){
			$('.withmore').mouseenter(function(){
				$("<div class='cover'></div>").appendTo(this);
				$(this).children('ul').show();
			});
			$('.withmore').mouseleave(function(){
				$(this).children('ul').hide();
				$(this).children('.cover').remove();
			});
		});
			
		});
		</script>
	</head>

	<body>
		<div id="header"></div>
			
		<div class="table_list">
			<div class="container">
				<div class="MarketList_light">
					
				<div class="Wish_List">
					<a class="Wish" href="#"> Wish List(2)</a>
					<a class="Shop_by_Department footline" id="menuListBtn" href="#"><span>Shop by</span><br />Department</a>
					<!-- menu -->
						<ul class="menulist">
							<li>
								<a href="#">Sublease</a>
							</li>
							<li><a href="#">Used Automobiles </a></li>
							<li class="withmore">
								<a href="#">Alternative Transportation</a>
								<ul>
									<li><a href="">Scooters</a></li>
									<li><a href="">Bicycles</a></li>
									<li><a href="">Long Boards</a></li>
									<li><a href="">Skate Boards</a></li>
								</ul>
							</li>
							<li><a href="#">Used Textbooks</a></li>
							<li><a href="#">Furniture</a></li>
							<li><a href="#">Kitchen Appliances</a></li>
							<li class="withmore"><a href="#" >School Supplies </a>
								<ul>
									<li><a href="">Scooters</a></li>
									<li><a href="">Bicycles</a></li>
									<li><a href="">Long Boards</a></li>
									<li><a href="">Skate Boards</a></li>
								</ul>
							</li>
							<li class="withmore"><a href="#">Electronics</a>
								<ul>
									<li><a href="">Scooters</a></li>
									<li><a href="">Bicycles</a></li>
									<li><a href="">Long Boards</a></li>
									<li><a href="">Skate Boards</a></li>
								</ul>
							</li>
							<li class="withmore"><a href="#">Social Interactions and Peer Networking</a>
								<ul>
									<li><a href="">Scooters</a></li>
									<li><a href="">Bicycles</a></li>
									<li><a href="">Long Boards</a></li>
									<li><a href="">Skate Boards</a></li>
								</ul>
							</li>
							<li class="withmore"><a href="#">Ticket</a>
								<ul>
									<li><a href="">Scooters</a></li>
									<li><a href="">Bicycles</a></li>
									<li><a href="">Long Boards</a></li>
									<li><a href="">Skate Boards</a></li>
								</ul>
							</li>
						</ul>	
				</div>
				
				<div class="MarketList_search">
					<p>Search for:</p>
					<div class="MarketList_search_box">
						<span class="search_left">
							<a href="#">ALL</a>
						</span>
						<span class="search_body">
							<input class="MarketList_search_input" />
						</span>
						<a href="" class="search_right">
							Go
						</a>
					</div>
				</div>
				

				<div class="clear_float"></div>
				</div>
			</div>
		</div>
		
		<div class="Classification pagebar_width">
			<div class="left">
				<div class="leftbox Type">
				<h2>Type</h2>
				<h3>>Sublease</h3>
				<ul>
					<li><input type="checkbox" class="Ckbox" />Price Negotiable</li>
					<li><input type="checkbox" class="Ckbox" />Furnished</li>
					<li><input type="checkbox" class="Ckbox" />Pet Friendly</li>
				</ul>
				</div>
				<div class="leftbox Price">
				<h2>Price</h2>
				<ul>
					<li><a href="#">Free (419)</a></li>
					<li><a href="#">$0 to $1 (10,612)</a></li>
					<li><a href="#">$1 to $3 (25,153)</a></li>
					<li><a href="#">$3 to $5 (13,718)</a></li>
					<li><a href="#">$5 to $10 (26,589)</a></li>
					<li>$ <input type="text" /> to $ <input type="text" /><a class="go" href="#">GO</a></li>
				</ul>
				</div>
			</div>
			<div class="right">
				<div class="top">
					<h2><span>50</span> sublease found for: Price Negotiable</h2>
					<div class="Sorting">
						Sorting: 
						<select>
							<option>Price</option>
						</select>
					</div>
				</div>
				<div class="body">
					<ul>
						<li>
							<a class="img" href="ml_Detailed.html"><img src="img/photos/ML_Cf_listImg.jpg" /></a>
							<a href="ml_Detailed.html"><h3> beautiful house</h3></a>
							<p>Location:<span>Mesa, AZ </span></p>
							<p>Lessor:<span> Mr Brown</span></p>
							<p class="phone">2344890</p>
							<p class="price">$12</p>
						</li>
						<li>
							<a class="img" href="ml_Detailed.html"><img src="img/photos/ML_Cf_listImg.jpg" /></a>
							<a href="ml_Detailed.html"><h3> beautiful house</h3></a>
							<p>Location:<span>Mesa, AZ </span></p>
							<p>Lessor:<span> Mr Brown</span></p>
							<p class="phone">2344890</p>
							<p class="price">$12</p>
						</li><li>
							<a class="img" href="ml_Detailed.html"><img src="img/photos/ML_Cf_listImg.jpg" /></a>
							<a href="ml_Detailed.html"><h3> beautiful house</h3></a>
							<p>Location:<span>Mesa, AZ </span></p>
							<p>Lessor:<span> Mr Brown</span></p>
							<p class="phone">2344890</p>
							<p class="price">$12</p>
						</li><li>
							<a class="img" href="ml_Detailed.html"><img src="img/photos/ML_Cf_listImg.jpg" /></a>
							<a href="ml_Detailed.html"><h3> beautiful house</h3></a>
							<p>Location:<span>Mesa, AZ </span></p>
							<p>Lessor:<span> Mr Brown</span></p>
							<p class="phone">2344890</p>
							<p class="price">$12</p>
						</li><li>
							<a class="img" href="ml_Detailed.html"><img src="img/photos/ML_Cf_listImg.jpg" /></a>
							<a href="ml_Detailed.html"><h3> beautiful house</h3></a>
							<p>Location:<span>Mesa, AZ </span></p>
							<p>Lessor:<span> Mr Brown</span></p>
							<p class="phone">2344890</p>
							<p class="price">$12</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="clear_float"></div>
		<div class="pagebar_width">
			<div class="pagebar">
				<span class="current">1
				</span><a href="#">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
				<a href="#">6</a>
				<a href="#">7</a>
				<a href="#">8</a>
				<span>....</span>
				<a href="#">20</a>
				<a href="#">&gt;Next</a>
			</div>
		</div>
		
		<div id="footer">
			
		</div>
		
	</body>
</html>
